<template>
  <div>
    <el-tree
      :data="CheckRoleList"
      show-checkbox
      node-key="id"
      :check-strictly="true"
      @check-change="checkChange"
      :default-expanded-keys="[1,2,3]"
      :default-checked-keys=checkRole
      >
    </el-tree>
  </div>
</template>

<script>
import {MenuCheckRole} from '@/api/jurisdiction'

  export default {
    props:{
      CheckRoleList:{
        type:Array
      },
      checkRole:{
        type:Array
      },
      MenuId:{
        type:Number
      }
    },
    data() {
      return {
        
      }
    },
    methods:{
      checkChange(val,data){
        if(this.MenuId===-1){
          alert('请选择左侧菜单')
        }else{
          MenuCheckRole({permissionID:this.MenuId,strRoleID:val.RoleID,check:data}).then((res)=>{
            // alert(res.Message)
          }).catch((error)=>{
            console.log(error)
          })
        }
      }
    }
  };
</script>